$(function(){
    fetch(`http://chst.vip:1234/api/getbrandtitle`)
    .then(body=>body.json())
    .then(res=>{
        let txt = ''
        res.result.forEach(item => {
            txt += `<li title='${item.brandTitleId}'>
                        <h4>${item.brandTitle}</h4>
                        <img src="../assets/iconFonts/下箭头.png" alt="">
                        <div id='a'>
                        </div>
                    </li>`
            fetch(`http://chst.vip:1234/api/getbrand?brandtitleid=${item.brandTitleId}`)
            .then(body=>body.json())
            .then(res=>{
                var txt1 = ''
                let num = 1
                res.result.forEach((item) => {
                    txt1 += `<li id='b'>
                                <span>${num}</span>
                                <span brandtitleid ='${item.brandId}' brandname ='${item.brandName}' id ='c'>${item.brandName}</span>
                                <p>${item.brandInfo}</p>
                             </li>`
                    num++
                    $(`#ulbox li[title='${item.brandTitleId}'] div`).html(txt1)  
                })

            })
        })
        $('#ulbox').html(txt)
        $('#ulbox>li').find('div').slideUp(0,function(){
            $('#ulbox').css({display:'block'})
        })
        $('#ulbox>li>img').click(function(){
            $(this).parent().find('div').slideToggle().parent().siblings().find('div').slideUp()
            $('#a li').click(function(){
                var brandname = $(this).find('#c').attr('brandname')
                var brandtitleid = $(this).find('#c').attr('brandtitleid')
                location.href = `./pinpaidaquan_liebiao.html?brandtitleid=${brandtitleid}&brandName=${brandname}`
            })
        })
    })
})